import React from 'react';
import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom';
import { Layout, Menu } from 'antd';
import TradesTableAG from './TradesTableAG';
import './App.css';

const { Header, Content } = Layout;

function App() {
  return (
    <Router>
      <Layout className="layout">
        <Header>
          <Menu
            theme="dark"
            mode="horizontal"
            defaultSelectedKeys={['1']}
            items={[{ key: '1', label: <Link to="/">交易记录</Link> }]}
          />
        </Header>
        <Content style={{ padding: '0 50px', marginTop: 64 }}>
          <div className="site-layout-content">
            <Routes>
              <Route path="/" element={<TradesTableAG />} />
              {/* Add more routes here as needed */}
            </Routes>
          </div>
        </Content>
      </Layout>
    </Router>
  );
}

export default App;